<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi" />
<title> ::: 골프인 :::</title>
<link rel="stylesheet" type="text/css" href="../css/common.css">
<script  src="../js/common.js"></script>
<script  src="../js/jquery.js"></script>
<script src="../js/jquery.mobile-1.1.0.js"></script>
</head>

<body>
<section data-role="page" id="my_card_view" class="container">
    <!--top-->
    <header data-role="header" data-position="fixed">
        <!--top navi-->
        <nav data-role="navbar" data-theme="a" id="top_gnb">
            <ul>
                <li><a id="main_menu_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi1">icon</span> <span class="navi_txt">Menu</span>
                </a></li>
                <li><a id="main_noti_btn" href="#" data-transition="slide">
                    <span class="ico_navi navi2">icon</span> <span class="navi_txt">알림</span>
                    <!--새글이 있을때만 보이는 new 아이콘-->
                    <span class="ico_navi navi3">new icon</span>
                </a></li>
            </ul>
        </nav><!-- // id="top_gnb" 끝  -->
        
        <!--title-->
        <div class="top_title_G">
            <h2>스코어 카드 보기</h2>
            <!--left  btn-->
            <div class="top_left">
                <a href="#" data-rel="back" data-direction="reverse" class="ico_btn btn2">이전</a>
            </div>
        </div><!-- // class="top_title_G" 끝  -->
    </header><!-- // header  -->
    
    <!--메인 컨텐츠-->
    <section data-role="content">
        <!--tab menu-->
        <div data-role="controlgroup" data-type="horizontal" class="my_card_tab">
            <a href="my_card_view.html" data-role="button" data-transition="slide" class="ui-btn-active">OUT 코스</a><!--메뉴인식 css style 부분-->
            <a href="#" data-role="button" data-transition="slide">IN 코스</a>
        </div>
        
        <!--스코어  -->
        <div class="my_card_record">
            <table>
                <colgroup><col /><col /><col /><col /></colgroup>
                <thead>
                    <tr>
                        <th>홀</th>
                        <th>파</th>
                        <th>+ / -</th>
                        <th>스코어</th>
                    </tr>
                </thead>
                <tbody>
                    <tr>
                        <td>1</td>
                        <td>3</td>
                        <td>OB</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td>2</td>
                        <td>3</td>
                        <td>3</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td>2</td>
                        <td>-4</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td>1</td>
                        <td>1</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td>5</td>
                        <td>2</td>
                        <td>0</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td>6</td>
                        <td>3</td>
                        <td>-2</td>
                        <td>4</td>
                    </tr>
                    <tr>
                        <td>7</td>
                        <td>1</td>
                        <td>-3 </td>
                        <td>4</td>
                    </tr>
                </tbody>
                <tfoot>
                    <tr>
                        <td>OUT소계</td>
                        <td>36</td>
                        <td>7</td>
                        <td>43</td>
                    </tr>
                    <tr>
                        <td>합계</td>
                        <td>72</td>
                        <td>16</td>
                        <td>88</td>
                    </tr>
                </tfoot>
            </table>
        </div><!-- //  class="my_card_record" 끝  -->
    
        <!--btn-->
        <div class="btn_area">
            <div class="btn_top"> <button data-role="none" onclick="GoTop(); return false;">맨위로<span class="ico_all ico8"><em>top</em></span></button></div>
        </div><!-- // class="btn_area" 끝  -->  
    </section><!-- // content -->
    
    <!--bottom-->
    <footer data-role="footer" data-position="fixed" data-theme="d" class="my_card_bt">
        <div class="btn_area02"> <a href="my_card_record.html" data-role="button" data-theme="a" data-transition="slide">수정하기</a></div>
    </footer><!-- // footer --> 
</section><!-- // page -->
</body>
</html>
